<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="format-detection" content="telephone=yes" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="${keywords}" />
  <meta name="description" content="${description}" />
  <!-- 360默认极速模式 -->
  <meta name=”renderer” content=”webkit” />
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/border.css" />
  <link rel="stylesheet" href="./css/font/iconfont.css" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <link rel="stylesheet" href="./css/brandDynamic.css" />
  <link rel="stylesheet" href="./js/pagination/pagination.css" />
  <title>${tile}</title>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo"><img src="./image/logo.png" alt="" /></div>
      <span class="iconfont icon-caidan"></span>
      <div class="hide" id="navs">
        <div id="cover"></div>
        <div class="navs-content">
          <ul class="nav">
            <li class="nav-item"><a href="/">首页</a></li>
            <li class="nav-item"><a class="arrow" href="#">教育数字化产品与服务</a>
              <ul class="sub-nav">
                <li><a href="/huahan/oem">必过在线OEM平台</a></li>
                <li><a href="/huahan/teachers">全科目数字化课程产品</a></li>
                <li><a href="http://www.e-xiaot.com/" target="_blank">E校通教育与知识数字化工具</a></li>
                <li><a href="/huahan/edu">教务数字化管理系统</a></li>
                <li><a href="/huahan/crm">CRM数字化营销系统</a></li>
                <li><a href="/huahan/student">学员数字化学习服务</a></li>
              </ul>
            </li>
            <li class="nav-item"><a class="arrow" href="#">行业解决方案</a>
              <ul class="sub-nav">
                <li><a href="/huahan/solution?tab=1">职业资格证</a></li>
                <li><a href="/huahan/solution?tab=2">学历教育</a></li>
                <li><a href="/huahan/solution?tab=3">教育机构</a></li>
                <li><a href="/huahan/solution?tab=4">企业培训</a></li>
                <li><a href="/huahan/solution?tab=5">知识付费</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="arrow" href="#">关于华翰</a>
              <ul class="sub-nav">
                <li><a href="/huahan/about">华翰故事</a></li>
                <li><a href="/huahan/brandDynamic?categoryId=1&page=1">品牌动态</a></li>
                <li><a href="/huahan/conncetUs">联系我们</a></li>
              </ul>
            </li>
          </ul>
          <div class="action">
            <a href="http://oem.beegoedu.com/oemv2/login" target="_blank">
              <div class="btn btn-login">登录</div>
            </a>
            <a href="http://oem.beegoedu.com/oemv2/reg" target="_blank">
              <div class="btn btn-try">试用</div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </header>
  <div id="tabs" class="nav-list flex-center2">
    <div class="list-item  flex-center2 ">
      <a href="/huahan/about">华翰故事</a>
    </div>
    <div class="list-item  flex-center2 active">
      品牌动态
    </div>
    <div class="list-item  flex-center2">
      <a href="/huahan/conncetUs">联系我们</a>
    </div>
  </div>

  <div class="container">
    <!-- <div class="sub-list">
      <#list articleCategoryList as articleCategory>
        <div class="sub-item <#if categoryId == articleCategory.id>active</#if>">
          <a href="/huahan/brandDynamic?categoryId=${articleCategory.id}&page=1">${articleCategory.name}</a>
        </div>
      </#list>
    </div> -->
    <!-- <div class="content">
      <#list articleList.list as article>
        <div class="content-new flex">
          <div class="new-left">
            <img src="${article.coverImage}" alt="">
          </div>
          <div class="new-right">
            <div class="new-title"><a href="/huahan/articleDetail?id=${article.id}">${article.title}</a></div>
            <div class="new-description">
              ${article.summary}
            </div>
            <div class="new-date">${article.createDateStr}</div>
          </div>
        </div>
      </#list>
      <#if articleList.list ? size==0>
        <div class="nodata flex-column">
          <img src="./image/nodata.png" alt="当前栏目无数据">
          <span>当前栏目无数据</span>
        </div>
      </#if>
      <div id="pager" class="pagination clearfix"></div>

    </div> -->
    <div class="sub-list">
      <div class="sub-item active">
        <a href="">官方动态</a>
      </div>
      <div class="sub-item">
        <a href="">教培智慧库</a>
      </div>
      <div class="sub-item">
        <a href="">产品更新</a>
      </div>
      <div class="sub-item">
        <a href="">产品更新</a>
      </div>
      <div class="sub-item">
        <a href="">产品更新</a>
      </div>
      <div class="sub-item">
        <a href="">产品更新</a>
      </div>
    </div>
    <div class="content">
      <div class="content-new flex">
        <div class="new-left">
          <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
        </div>
        <div class="new-right">
          <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
          <div class="new-description">
            经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
          </div>
          <div class="new-date">2018-11-12 09:27:53</div>
        </div>
      </div>
      <div class="content-new flex">
        <div class="new-left">
          <img src="./image/new-img.png" alt="2019年初级会计职称报名时间为11月1日至30日">
        </div>
        <div class="new-right">
          <div class="new-title">2019年初级会计职称报名时间为11月1日至30日</div>
          <div class="new-description">
            经财政部、人力资源和社会保障部研究决定，2019年度全国会计专业技术初级资格考试（以下简称初级资格考试）采用无纸化方式，于2019年5月举行。现就2019年度初级资格考试考务日程安排及有关事项通知.
          </div>
          <div class="new-date">2018-11-12 09:27:53</div>
        </div>
      </div>
      <!-- <div id="pager" class="pagination clearfix"></div> -->
      <div class="nodata flex-column">
        <img src="./image/nodata.png" alt="当前栏目无数据">
        <div>当前栏目无数据</div>
      </div>
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wxcode"><span>官方服务号</span><img src="./image/service.png" alt="华翰科技官方服务号"></div>
        <div class="wxcode"><span>官方订阅号</span><img src="./image//subscription.png" alt="华翰科技官方订阅号"></div>
      </div>
      <div class="phone">
        <span>全国免费咨询服务热线</span>
        <div class="number">400-001-5920</div>
      </div>
      <div class="footer-bottom">
        <div class="address">总部地址：<div>广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        </div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、温州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <div class="hr"></div>
        <ul class="copyright">
          <li><a href="/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
          <li><a href="/cert-e.html" target="_blank">出版物经营许可证</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. <div>广州华翰教育科技有限公司 版权所有</div>
    </div>
  </footer>

  <div class="fixed-container">
    <div class="fixed-wrapper">
      <div class="fixed-hover fixed-item" id="zhuanshu">
        <span class="col">专属客服</span>
      </div>
      <div class="fixed-hover fixed-item show-phone">
        <a href="tel:400-001-5920">
          <div class="img"></div>
          <span>咨询电话</span>
        </a>
      </div>
      <div class="fixed-hover fixed-item" id="consult">
        <div class="img"></div>
        <span>在线咨询</span>
      </div>
      <div class="fixed-hover fixed-item">
        <a class="flex-column-center" href="/huahan/zixun" target="_blank">
          <div class="img"></div>
          <span>获取方案</span>
        </a>
      </div>
    </div>
  </div>

  <script src="./js/wow.js/dist/wow.min2.js"></script>
  <script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
  <script src="./js/fixed.js"></script>
  <script src="./js/pagination/pagination.js"></script>
  <script src="./js/header.js"></script>
  <script type="text/javascript">
    $(function () {

      // 滚动条事件
      $(window).scroll(function () {
        var top = $(document).scrollTop();
        var targetTop = 360
        if (top > targetTop) {
          $('#tabs').addClass('fixHeader')
        } else {
          $('#tabs').removeClass('fixHeader')
        }
      })

      new Page({
        id: 'pager',
        curPage: $ {
          articleList.pageNum
        }, //初始页码
        pageTotal: $ {
          articleList.pages
        }, //总页数
        pageAmount: $ {
          articleList.pageSize
        }, //每页多少条
        dataTotal: $ {
          totalPage
        }, //总共多少条数据
        // pageSize: 5, //可选,分页个数
        showPageTotalFlag: false, //是否显示数据统计
        showSkipInputFlag: false, //是否支持跳转
        getPage: function (page) {
          //获取当前页数
          console.log(page);
          location.href = "/huahan/brandDynamic?categoryId=${categoryId}&page=" + page;
        }
      })
    })
  </script>
</body>

</html>